<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/shop_common :: source"></head>

<style>
    .panel-group{max-height:770px;overflow: auto;}
    .leftMenu{margin:10px;margin-top:5px;}
    .leftMenu .panel-heading{font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/
    .leftMenu .panel-heading span{position:absolute;right:10px;top:12px;}
    .leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius: 6px;}
    .leftMenu .menu-item-left:hover{background:#C4E3F3;border:1px solid #1E90FF;}
</style>

<body>
	<div th:include="/common/shop_common :: header"></div>
	<!--banner-->
	<div class="banner-top">
		<div class="container">
			<h2 class="animated wow fadeInLeft" data-wow-delay=".5s">Products</h2>
			<h3 class="animated wow fadeInRight" data-wow-delay=".5s">
				<a href="index.html">Home</a><label>/</label>Fruits<label>/</label>Women's
			</h3>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<div th:include="/common/shop_common :: leftmenu"></div>
	<!-- contact -->
	<div style="padding:1em 0 0">
		<div class="container" style="width:1300px;height:800px">
			<div class="panel panel-default">
			    <div class="panel-heading">
			        <h3 class="panel-title">
			            <a>我的个人信息</a>
			        </h3>
			    </div>
			    <div class="panel-body">
			        <ul class="list-group">
			        	<li class="list-group-item" style="height:50px">
			        		<span>ID：</span><span th:text="${order.id}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>订单编码：</span><span th:text="${order.orderCode}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>订单金额：</span><span th:text="${order.orderMoney}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>用户ＩＤ：</span><span th:text="${order.orderUserId}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>收货地址：</span><span th:text="${order.orderAddress}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>折扣价格：</span><span th:text="${order.discountMoney}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>实付金额：</span><span th:text="${order.countMoney}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>创建时间：</span><span th:text="${order.createTime}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px;" align="center">
			        		<a class="btn btn-primary" th:onclick="'javascript:back();'">返回</a>
			        	</li>
			        </ul>
			    </div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" th:inline="javascript">
function back(){
	 window.history.back();
}

</script>
</html>